.calculator {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background: #010101;

  .calculator_text {
    width: 100%;
    height: 33%;
    border: 1px solid;
    position: relative;

    .calculator_input {
      position: absolute;
      bottom: .625rem;
      right: 0;
      text-align: right;
      width: 100%;
      font-size: 4rem;
      color: #ebebeb;
      border: none;
      height: 20vw;
      background: none;
      box-shadow: none;
    }
  }

  .calculator_body {
    width: 100%;
    height: 67%;
    border: 1px solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: .3125rem;
    padding-bottom: 1rem;

    li {
      width: 20vw;
      height: 20vw;
      background: #313131;
      border-radius: 50%;
      margin: 1vw;
      list-style: none;
      line-height: 20vw;
      text-align: center;
      font-size: 3rem;
      color: #ebebeb;
    }

    li:active {
      background: #6d746c;
    }

    .calculator_li_border {
      background: #ff9404;
    }

    .calculator_li_back {
      background: #a5a5a5;
      color: #444444;
    }
  }
}